.codeArea{
  padding: 50rpx 48rpx;
  .erCode{
margin-top: 48rpx;
width: 100%;
height: 644rpx;
background: #FFFFFF;
box-shadow: 4rpx 6rpx 24rpx 4rpx rgba(92,92,92,0.31);
border-radius: 32rpx;
display: flex;
justify-content: center;
image{
  width: 85%;
  height: 100%;
}
  }
  .fun{
    margin-top: 56rpx;
    display: flex;
    justify-content: flex-end;
    font-size: 32rpx;
    color: #666666;
   view{
     display: flex;
     align-items: center;
     image{
       width: 38rpx;
       height: 38rpx;
       margin-right: 16rpx;
     }
    &:first-child{
      margin-right: 15rpx;
      button{
        background-color: transparent;
        display: flex;
        align-items: center;
        font-size: 32rpx;
        color: #666666;
        &::after{
          border: none;
        }
      }
    }
    }
  }
}
.memberEmpty{
  padding: 50rpx 48rpx;
}
.empty{
  height: 300rpx;
  width: 500rpx;
  padding:45rpx 30rpx;
  border-radius: 50rpx;
  overflow: hidden;
  text{
    font-size: 32rpx;
    font-weight: 600;
    color: #333333;
  }
  .toAdd{
    display: flex;
   >view{
     flex: 1;
    height: 80rpx;
    font-weight: 500;
    line-height: 80rpx;
    margin-top: 60rpx;
    border-radius: 74rpx;
border: 2rpx solid #FFC300;
 text-align: center;
 font-size: 32rpx;
color: #FFC300;
&:first-child{
  margin-right:20rpx;
  background: linear-gradient( 180deg, #FFE730 0%, #FFC603 100%);
  font-size: 32rpx;
color: #333333;
}
   }

  }
}